.ant-menu-submenu-popup>.ant-menu {
  background: #001529;
  color: white;
  box-shadow: none;
}

.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #ffe493;
}

.ant-menu-item {
  .anticon {
    font-size: 20px !important;
    //改变图标位置依据情况
    vertical-align: -0.25em;
  }
}

.ant-menu-submenu-title {
  .anticon {
    font-size: 20px !important;
    //改变图标位置依据情况
    vertical-align: -0.25em;
  }
}

// 点击以后改变颜色
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: none;
  color: #ffe493;
}

.ant-menu-submenu-selected {
  color: #ffe493 !important;
}

//改变第二种颜色
.ant-menu-submenu {
  .ant-menu {
    background: #001529;
    color: white;
    box-shadow: none;
  }
}

// 改变小三角

.ant-menu-submenu-arrow:before,
.ant-menu-submenu-arrow:after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important;
}

//鼠标放上去

.ant-menu-submenu-active {
  .ant-menu-submenu-arrow:before {
    background-image: #ffe493;
  }
}

.ant-menu-submenu-active {
  .ant-menu-submenu-arrow:after {
    background-image: #ffe493;
  }
}

//收缩按钮颜色
.ant-btn-primary {
  background: #001529;
  border: 1px solid white;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  background: #ffe493;
  color: #001529;
}

//去掉1PX

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: none;
}

//去掉padding-left 

.ant-menu-inline-collapsed>.ant-menu-item,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
  padding-left: 0px !important;
  margin: 0 auto;
  width: 100%;

}

.ant-menu-item {
  padding-left: 14px !important;
  margin: 0 auto;
  width: 100%;

}

.ant-menu-submenu-title {
  padding-left: 14px !important;
  margin: 0 auto;
  width: 100%;
}

//子元素里面的padding 比如按钮,轮播图之类的
.ant-menu-sub {
  .ant-menu-item {
    padding-left: 24px !important;
    margin: 0 auto;
    width: 100%;

  }
}

//改变收缩后图标的位置

.ant-menu-inline-collapsed>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
  margin-left: 50%;
}